<!-- 全部评价 -->
<template>
	<view class="orders">
		<view class="top1">
			<uv-navbar title="全部评价" bgColor="#65c9bb" height="44px"
				@click="goback" titleStyle="{font-weight: bold;font-size: 1.1rem;}"></uv-navbar>
		</view>
		<!-- 头部 -->
		<view class="top">
			<uv-tabs :list="list" activeStyle="color: #eff7f7;text-align: center;padding: 20rpx;"
				inactiveStyle="color: black;background-color: #65c9bb;text-align: center; padding: 20rpx" lineWidth='0'
				@click="click" :scrollable="false"></uv-tabs>
		</view>
		<!-- 商城订单-->
		<view v-if="current== 0" class="Mallorders">

			<view class="bottom" v-for="item in 4 " :key="item.id">
				<view class="bottom-left">
					<uv-avatar src="/static/头像.png"></uv-avatar>
				</view>
				<view class="bottom-right">
					<view class="one">陈喜喜</view>
					<view class="two">
						<uv-rate size="16px" :count="count" v-model="value1"></uv-rate>
						<view style="margin-left: 20rpx; color: #c1c1c1;">2022-02-19</view>
					</view>
					<view class="three">很不错，挺好哦!</view>
					<view class="four">
						<image src="https://picsum.photos/200/300" mode=""></image>
						<image src="https://picsum.photos/200/300" mode=""></image>
					</view>
				</view>
			</view>
			<!-- 服务订单 -->
			<view v-if="current== 1">222</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				count: 5,
				value1: 4,
				current: '',
				current1: '',
				list: [{
						name: '14万+ 全部'
					}, {
						name: '13万+ 好评'
					},
					{
						name: '1000+ 中评'
					},
					{
						name: '500+ 差评'
					}
				],

			}
		},
		methods: {
			goback(){
				uni.navigateBack({
					delta: 1
				});
			},
			click(item) {
				this.current = item.index
				console.log('item', item);
			},
			click1(item) {
				this.current1 = item.index
				console.log('item', item);
			}
		}
	}
</script>

<style lang="scss">
	@import url("./appraise.css");
</style>